<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>逍遥时间的网站</title>
    <link rel="stylesheet" href="./style/global.css">
    <mate name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"></mate>
    <meta name="application-name" content="逍遥时间的网站,水墨风博客">
    <meta name="author" content="逍遥时间">
    <meta name="description" content="一款静态水墨风博客,游戏博客,个人的作品展示">
    <meta name="keywords" content="html,css,js,博客,水墨,水墨风,作品,游戏,静态">
    <style>


        .about-body div {
            text-align: center;
        }

        .youlian {
            position: relative;
            top: 5vh;
        }

        .youlian div {
            display: flex;
            justify-content: center;

        }

        .youlian li a {
            font-size: 1vw;
        }


    </style>

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c82718612b38d3ac7044b10df3f9aec0";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<div id="app">
    <div>
        <iframe src="component/Head.html" class="head"></iframe>
    </div>
    <div class="about-body">
        <div>
            怎么获得我的友谊?
        </div>

        <div>
            扫描微信联系我
        </div>

        <div>
            <img src="https://shijian-boke.oss-cn-hangzhou.aliyuncs.com/9279d4a75ba8ad475a95ad90e4ab7b8.jpg"
                 style="width: 10vw;"/>
        </div>


        <div>
            还可以怎么联系我?
        </div>
        <div>
            住址: 上海xx区xx市xx街道xx楼xx层xx号
        </div>

        <div class="youlian">
            <div>
                我的同道中人
            </div>
            <ul>
                <li>
                    <a href="https://milu.blog/">麋鹿博客: 一个沉迷于人世间的迷途小鹿</a>
                </li>
            </ul>
        </div>

    </div>


</div>
<div style="position: absolute;bottom:0; left:38%;">
    <iframe src="component/Footer.html" class="footer"></iframe>
</div>
<img class="left-background" src="images/zhu.png"></img>
<img class="left-background-2" src="images/zhu3.png"></img>
<img class="right-background" src="images/zhu2.png"></img>
</body>
</html>